@import "./../../../assets/scss/index.scss";
:host{display: block;height: 100%;}

.scrap-container{
    background: $bd-dark;
    padding: pxTorem(5px);
    height: 100%;
    .scrap-title{
        height: 3rem;
        border: 1px solid #828282;
        color: $color-white;
        padding: pxTorem(10px);
        background: $bd-bottom-nav;
        .btn-scrap{
            padding: pxTorem(10px) pxTorem(40px);
            border: 1px solid $color-white;
        }
        .btn-close{
            margin-left: pxTorem(40px);
        }
    }
    .scrap-content{
        height: calc(100% - 3rem);
        background: $bd-gray;
        .scrap-item{
            border: 1px solid #a1a1a1;
            background: $color-white;
            margin: pxTorem(10px) auto;
            font-size: pxTorem(16px);
            .no-padding-t{
                padding-top: 0 !important;
            }
            span{
                padding: 0 pxTorem(10px);
            }
            .detail-title{
                background: $bd-gray;
            }
            .scrap-list{
                li{
                    padding: pxTorem(10px);
                    border-bottom: 1px solid $border-gray;
                }
            }
        }
    }
}

.add-container{
    height: 100%;
    .add-title{
        height: 3rem;
        border: 1px solid #828282;
        color: $color-white;
        padding: pxTorem(10px);
        background: $bd-bottom-nav;
        span:first-child{
            padding-right: pxTorem(10px);
            border-right: 1px solid $color-white;
        }
    }
    .add-content{
        height: calc(100% - 3rem);
        .add-detail{
            height: calc(100% - 6rem);
            .detail-title{
                background: $bd-gray;
                height: 2.5rem;
            }
            .add-list{
                height: calc(100% - 2.5rem);
                li{
                    border-bottom: 1px solid $border-gray;
                }
                .add-count{
                    background: $color-white;
                }
            }
        }
        .btn{
            height: 3rem;
            border-top: 1px solid $border-dark;
        }
        .border-right{
            border-right: 1px solid $border-dark;
        }
    }
    .btn-gray{
        background: $bd-gray;
        color: $color-dark;
    }
    
}

.padding-m{
    padding: pxTorem(10px) pxTorem(30px);
}
.padding{
    padding: pxTorem(10px);
}